<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>首页</title>
<!--    <link rel="stylesheet" href="/public/addon/pstyle/css/swiper.3.1.2.min.css" />-->
    <link rel="stylesheet" href="/public/addon/pstyle/css/bootstrap.css"/>
    <link rel="stylesheet" href="/public/addon/pstyle/css/reset.css"/>
    <link rel="stylesheet" href="/public/addon/pstyle/css/idangerous.swiper.css">
    <link rel="stylesheet" href="/public/addon/pstyle/css/idangerous.swiper.scrollbar.css">
    <script src="/public/addon/pstyle/js/jquery-1.10.1.min.js"></script>
    <script src="/public/addon/pstyle/js/idangerous.swiper.scrollbar-2.1.js"></script>
<!--    <link rel="stylesheet" href="/public/addon/pstyle/css/swiper.min.css"/>-->
    <link rel="stylesheet" href="/public/addon/pstyle/css/mycss.css"/>
    
    <style>
        .device{ position: relative; } .swiper-pagination-switch { display: inline-block; width: 2.5rem; height: 0.4rem; border-radius: 0.2rem; background: #999;background: transparent;opacity: .9;border: 1px solid #a3a19d; cursor: pointer; margin:0 0.15rem;} .swiper-active-switch { background: #fff; }
		@media screen and (max-width: 400px) {
			.market > img {
				width: 100%;
				height: auto;
			}
			.trends {
				width: 100%!important;
				background: #fff;
				float: left;
			}
			.trends-con img{margin:0 auto;display:block;}
			.bottom_top {
				height: 4rem;
			}
		}
	
	
	
	</style>
</head>
<body>
    <div class="contain" style="background:#f4f4f4;">
        <!--    首页轮播开始-->
        <header class="panel-header head">
            首页
          </header>
      <div class="head_bottom"></div>       
        <div class="device">
            <div class="swiper-container turn">
                <div class="swiper-wrapper">
					<volist name="scheme" id="scheme">
                    <div class="swiper-slide slide-one">
                        <a href="__APP__/Stage/Phone/Scheme_list/form_id/{$scheme['id']}.html">
                            <img src="{$scheme['img']}" alt="">
                            <div class="turn-detail">
                                <p>{$scheme['name']}</p>
                                <p>{$scheme['intro']}</p>
                            </div>
                            <!-- <div class="turn-mid">
                                <p>创造核心价值</p>
                                <p>提升企业竞争力</p>
                            </div> -->
                        </a>
                    </div>
                   </volist>
                </div>
            </div>
            <div class="pagination tiao"></div>
        </div>
        <!--    轮播结束-->
<!--        中间部分开始-->
<!--        中间第一部分开始-->
        <div class="swiper-container circle">
            <div class="swiper-wrapper">
				<volist name="product" id="product">
                <div class="swiper-slide">
                    <div class="title-img">
                        <img src="{$product['img']}" alt="">
                    </div>
                    <div class="title-word">
                        <a href="__APP__/Stage/Phone/Product_list/form_id/{$product['id']}.html">
                            <h2>{$product['name']}</h2>
                            <p>{$product['intro']}</p>
                            <a href="" class="take">立即查看</a>
                        </a>
                    </div>
                </div>
                </volist>
                
            </div>
        </div>
        <div class="content">
            <div class="market">
                <img src="/public/addon/pstyle/images/xfjnhg.png" alt="">
                <div class="market-word">
                    <a href="__APP__/Stage/Phone/New_details/form_id/{$new['id']}/id/{$new[0]['news']['id']}.html">
                        <h2>{$new[0]['name']} <span>{$new[0]['intro']}</span></h2>
                        <p class="market-little">{$new[0]['news']['name']}</p>
                        <p class="market-con">{$new[0]['news']['value']|value}</p>
                    </a>
                </div>
            </div>
            <div class="industry">
                <div class="trends">
                    <img src="/public/addon/pstyle/images/xcfhngj.png" alt="">
                    <div class="trends-word">
                        <a href="__APP__/Stage/Phone/New_details/form_id/{$new['id']}/id/{$new[0]['news']['id']}.html">
                            <h2>{$new[1]['name']} <span>{$new[1]['intro']}</span></h2>
                            <p class="trends-little">{$new[1]['news']['name']}</p>
                            <p class="trends-con">{$new[1]['news']['value']|value}</p>
                        </a>
                    </div>
                </div>
                <div class="trends company">
                    <img src="/public/addon/pstyle/images/xcfhngj.png" alt="">
                    <div class="trends-word">
                        <a href="__APP__/Stage/Phone/New_details/form_id/{$new['id']}/id/{$new[0]['news']['id']}.html">
                            <h2>{$new[2]['name']} <span>{$new[2]['intro']}</span></h2>
                            <p class="trends-little">{$new[2]['news']['name']}</p>
                            <p class="trends-con">{$new[2]['news']['value']|value}</p>
                        </a>
                    </div>
                </div>
            </div>
            <div class="star">
                <ul class="star-one">
					<volist name="list[0]['images']" id="images">
                    <li><a href="{$images['url']}"><img src="{$images['img']}" alt=""></a></li>
                    </volist>
                </ul>
                <ul class="star-two">
                   <volist name="list[1]['images']" id="images">
                    <li><a href="{$images['url']}"><img src="{$images['img']}" alt=""></a></li>
                    </volist>
                </ul>
                <ul class="star-three">
                    <volist name="list[2]['images']" id="images">
                    <li><a href="{$images['url']}"><img src="{$images['img']}" alt=""></a></li>
                    </volist>
                </ul>
            </div>
        </div>
<!--        中间部分结束-->
<!--    尾部开始-->
  <!-- 底部的css样式在home.css开头的那一部分里面 -->
  <div class="bottom_top"></div>
  <div class="bottom">
    <ul class="bottom_list">
      <li>
        <a href="__APP__/Stage/Phone/about.html">
		<img src="/public/addon/pstyle/images/dsgbfyh_07.png">
          <!-- <img src="/public/addon/pstyle/img/22.png"> -->
          <div class="">{$menu[0]['name']}</div>
        </a>
      </li>
      <li>
         <a href="__APP__/Stage/Phone/New_list.html">
          <img src="/public/addon/pstyle/images/gjmh_20.png">
          <div>{$menu[1]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Scheme_list.html">
          <img src="/public/addon/pstyle/images/gjmh_22.png">
          <div>{$menu[2]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Product_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_03.png">
          <div>{$menu[3]['name']}</div>
        </a>
      </li>
      <li class="more_bt">
        <img src="/public/addon/pstyle/images/gjmh_25.png">
        <div>更多</div>
      </li>
      <div class="clear"></div>
    </ul>
    <!-- 点击出来的 -->
    <ul class="more">
      <li>
         <a href="__APP__/Stage/Phone/Case_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_07.png">
          <div>{$menu[4]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Serve.html">
         <img src="/public/addon/pstyle/img/2.png">
          <div>{$menu[5]['name']}</div>
        </a>
      </li>
    </ul>
    <script>
        $(function(){
          $('.more_bt').click(function(){
            $('.more').slideToggle(0);
          })
        })
    </script>
  </div>

<!--    尾部结束-->

    </div>
</body>


<!--<script src="/public/addon/pstyle/js/swiper.3.1.2.min.js"></script>-->
<!--<script src="/public/addon/pstyle/js/bootstrap.min.js"></script>-->
<!--<script src="/public/addon/pstyle/js/index.js"></script>-->
<script>
    (function(doc, win) {
        var docEl = doc.documentElement, //html
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 20 / 375 * clientWidth + "px";
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        //    DOMContentLoaded,就是当dom结构加载完毕就执行,比window.onload要快
    })(document, window);
         
</script>
<script src="/public/addon/pstyle/js/jquery-1.10.1.min.js"></script>
  <script src="/public/addon/pstyle/js/idangerous.swiper.min.js"></script>
  <script>
  var mySwiper = new Swiper('.circle',{
//    pagination: '.pagination',
    paginationClickable: true,
    centeredSlides: true,
    slidesPerView: 3,
    watchActiveIndex: true,
    loop:true
  })
  </script>
  
  <script>
  var mySwiper = new Swiper('.turn',{
    pagination: '.pagination',
    autoplay: 1500,
    loop:true,
    grabCursor: true,
    paginationClickable: true
  })
//  $('.arrow-left').on('click', function(e){
//    e.preventDefault()
//    mySwiper.swipePrev()
//  })
//  $('.arrow-right').on('click', function(e){
//    e.preventDefault()
//    mySwiper.swipeNext()
//  })
  </script>
</html>

  
